﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="widtd=device-widtd, initial-scale=1.0">
    <title>富力物业集团基础数据管理平台</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link href="css/plugins/jsTree/style.min.css" rel="stylesheet">
    <!-- Sweet Alert -->
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">
    <!-- custom -->
    <link href="css/add-style.css" rel="stylesheet">
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content  animated fadeInRight">
        <div class="row">
            <div id="part1" class="col-sm-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>组织机构</h5>
                    </div>
                    <div class="ibox-content">
                        <!--<div class="input-group">
                            <input type="text" placeholder="查找分类" class="input form-control input-sm">
                            <span class="input-group-btn">
                                <button type="button" class="btn btn btn-success btn-sm"><i class="fa fa-search"></i>&nbsp;搜索</button>
                            </span>
                        </div>-->
                        <div id="jstree2" style="margin: 10px 0 0 -10px;">
                            <ul>
                                <li class="jstree-open">
                                    富力物业服务集团
                                    <ul>
                                        <li class="jstree-open" data-jstree='{"type":"icon"}'>
                                            北京公司
                                            <ul>
                                                <li data-jstree='{"type":"son"}'>北京富力家园服务中心</li>
                                                <li data-jstree='{"type":"son"}'>北京富力新城服务中心</li>
                                                <li data-jstree='{"type":"son"}'>北京富力中心服务中心</li>
                                            </ul>
                                        </li>
                                        <li class="jstree-open" data-jstree='{"type":"icon"}'>
                                            广州公司
                                            <ul>
                                                <li data-jstree='{"type":"son"}'>广州东山新天地服务中心</li>
                                                <li data-jstree='{"type":"son"}'>广州皇上皇服务中心</li>
                                                <li data-jstree='{"type":"son"}'>广州东堤湾服务中心</li>
                                            </ul>
                                        </li>

                                        <li class="jstree-open" data-jstree='{"type":"icon"}'>
                                            天津公司
                                            <ul>
                                                <li data-jstree='{"type":"son"}'>天津富力中心服务中心</li>
                                                <li data-jstree='{"type":"son"}'>天津合安园服务中心</li>
                                                <li data-jstree='{"type":"son"}'>天津合力园服务中心</li>
                                            </ul>
                                        </li>

                                    </ul>
                                </li>
                                <!--<li>
                                    地产总仓库

                                    <ul>
                                        <li data-jstree='{"type":"icon"}'>
                                            双子座仓库

                                            <ul>
                                                <li data-jstree='{"type":"son"}'>办公用品</li>
                                                <li data-jstree='{"type":"son"}'>安保用品</li>
                                                <li data-jstree='{"type":"son"}'>文具</li>
                                            </ul>
                                        </li>
                                        <li data-jstree='{"type":"icon"}'>
                                            富力中心仓库
                                            <ul>
                                                <li data-jstree='{"type":"son"}'>办公用品</li>
                                                <li data-jstree='{"type":"son"}'>安保用品</li>
                                                <li data-jstree='{"type":"son"}'>文具</li>
                                            </ul>
                                        </li>
                                        <li data-jstree='{"type":"icon"}'>
                                            天鹅湾仓库

                                            <ul>
                                                <li data-jstree='{"type":"son"}'>办公用品</li>
                                                <li data-jstree='{"type":"son"}'>安保用品</li>
                                                <li data-jstree='{"type":"son"}'>文具</li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>-->
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-9">
                <div class="ibox float-e-margins">

                    <div class="wrapper wrapper-content  animated fadeInRight building">
                        <div class="form-group">
                            <div class="row">
                                <div class="col-sm-9 col-sm-offset-3">
                                    <div class="input-group form-group-sm pull-left">
                                        <input type="text" placeholder="可输入项目名称（支持模糊查询和拼音首字母查询）" class="input form-control" />
                                        <span class="input-group-btn">
                                            <button type="button" class="btn btn-success btn-sm"><i class="fa fa-search"></i>&nbsp;搜索</button>
                                            <!--<a data-toggle="modal" href="buildings.html#modal-create" class="btn btn-success btn-sm" style="margin-left: 10px;"><i class="fa fa-plus"></i>&nbsp;创建项目 </a>-->
                                            <a data-toggle="modal" href="buildings.html#modal-import" class="btn btn-success btn-sm" style="margin-left: 10px;"><i class="fa fa-inr"></i>&nbsp;导入月报 </a>
                                            <a  href="attachment/quality/《北京公司08月物业工作月报》（9.12）.xlsx" class="btn btn-success btn-sm" style="margin-left: 10px;"><i class="fa fa-inr"></i>&nbsp;导出月报 </a>
                                            <a data-toggle="modal" href="buildings.html#modal-remark" class="btn btn-danger btn-sm" style="margin-left: 10px;"><i class="fa fa-dollar"></i> &nbsp;功能说明 </a>
                                        </span>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-6">
                                <div class="contact-box">
                                    <a data-toggle="modal" href="buildings.html#modal-look" class="text-primary">
                                        <div class="col-sm-9">
                                            <h3><strong>北京富力城一期</strong></h3>
                                            <p><i class="fa fa-map-marker text-success"></i>&nbsp;北京市朝阳区东三环中路63号楼21层</p>
                                            <address>
                                                项目经理:张三<br />
                                                公司名称:北京公司<br />
                                                服务中心:北京富力家园服务中心<br />
                                                
                                                <!--总楼栋数量:<a href="building.html" title="点击查看楼栋信息">15栋</a><br>
                                                总住户数量:<a href="building_house" title="点击查看业主信息">1283户</a><br>-->
                                            </address>
                                            <div class="">
                                                <!--<a href="building_business.html" class="btn btn-primary btn-sm"><i class="fa fa-eye"></i>&nbsp;商业运营 </a>-->
                                                <a href="building_quality.html" class="btn btn-info btn-sm"><i class="fa fa-eye"></i>&nbsp;项目情况 </a>
                                                <a data-toggle="modal" href="buildings.html#modal-job" class="btn btn-warning btn-sm "><i class="fa fa-pencil"></i>&nbsp;修改项目 </a>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                    </a>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="contact-box">
                                    <a data-toggle="modal" href="buildings.html#modal-look" class="text-primary">
                                        <!--<div class="col-sm-3">
                                            <div class="text-center">
                                                <img alt="image" class="img-thumbnail img-responsive" src="img/building02.jpg" />
                                                <div class="m-t-xs font-bold">北京富力城二期</div>
                                            </div>
                                        </div>-->
                                        <div class="col-sm-9">
                                            <h3><strong>北京富力城二期</strong></h3>
                                            <p><i class="fa fa-map-marker text-success"></i>&nbsp;北京市朝阳区东三环中路63号楼21层</p>
                                            <address>
                                                项目经理:张三<br />
                                                公司名称:北京公司<br />
                                                服务中心:北京富力家园服务中心<br />

                                                <!--总楼栋数量:<a href="building.html" title="点击查看楼栋信息">15栋</a><br>
        总住户数量:<a href="building_house" title="点击查看业主信息">1283户</a><br>-->
                                            </address>
                                            <div class="">
                                                <!--<a href="building_business.html" class="btn btn-primary btn-sm"><i class="fa fa-eye"></i>&nbsp;商业运营 </a>-->
                                                <a href="building_quality.html" class="btn btn-info btn-sm"><i class="fa fa-eye"></i>&nbsp;项目情况 </a>
                                                <a data-toggle="modal" href="buildings.html#modal-job" class="btn btn-warning btn-sm "><i class="fa fa-pencil"></i>&nbsp;修改项目 </a>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                    </a>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="contact-box">
                                    <a data-toggle="modal" href="buildings.html#modal-look" class="text-primary">
                                        <div class="col-sm-9">
                                            <h3><strong>北京富力城三期</strong></h3>
                                            <p><i class="fa fa-map-marker text-success"></i>&nbsp;北京市朝阳区东三环中路63号楼21层</p>
                                            <address>
                                                项目经理:张三<br />
                                                公司名称:北京公司<br />
                                                服务中心:北京富力家园服务中心<br />

                                                <!--总楼栋数量:<a href="building.html" title="点击查看楼栋信息">15栋</a><br>
                        总住户数量:<a href="building_house" title="点击查看业主信息">1283户</a><br>-->
                                            </address>
                                            <div class="">
                                                <!--<a href="building_business.html" class="btn btn-primary btn-sm"><i class="fa fa-eye"></i>&nbsp;商业运营 </a>-->
                                                <a href="building_quality.html" class="btn btn-info btn-sm"><i class="fa fa-eye"></i>&nbsp;项目情况 </a>
                                                <a data-toggle="modal" href="buildings.html#modal-job" class="btn btn-warning btn-sm "><i class="fa fa-pencil"></i>&nbsp;修改项目 </a>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                    </a>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="contact-box">
                                    <a data-toggle="modal" href="buildings.html#modal-look" class="text-primary">
                                        <!--<div class="col-sm-3">
                    <div class="text-center">
                        <img alt="image" class="img-thumbnail img-responsive" src="img/building02.jpg" />
                        <div class="m-t-xs font-bold">北京富力城二期</div>
                    </div>
                </div>-->
                                        <div class="col-sm-9">
                                            <h3><strong>北京富力城四期</strong></h3>
                                            <p><i class="fa fa-map-marker text-success"></i>&nbsp;北京市朝阳区东三环中路63号楼21层</p>
                                            <address>
                                                项目经理:张三<br />
                                                公司名称:北京公司<br />
                                                服务中心:北京富力家园服务中心<br />

                                                <!--总楼栋数量:<a href="building.html" title="点击查看楼栋信息">15栋</a><br>
                        总住户数量:<a href="building_house" title="点击查看业主信息">1283户</a><br>-->
                                            </address>
                                            <div class="">
                                                <!--<a href="building_business.html" class="btn btn-primary btn-sm"><i class="fa fa-eye"></i>&nbsp;商业运营 </a>-->
                                                <a href="building_quality.html" class="btn btn-info btn-sm"><i class="fa fa-eye"></i>&nbsp;项目情况 </a>
                                                <a data-toggle="modal" href="buildings.html#modal-job" class="btn btn-warning btn-sm "><i class="fa fa-pencil"></i>&nbsp;修改项目 </a>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                    </a>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="contact-box">
                                    <a data-toggle="modal" href="buildings.html#modal-look" class="text-primary">
                                        <div class="col-sm-9">
                                            <h3><strong>北京富力城一期</strong></h3>
                                            <p><i class="fa fa-map-marker text-success"></i>&nbsp;北京市朝阳区东三环中路63号楼21层</p>
                                            <address>
                                                项目经理:张三<br />
                                                公司名称:北京公司<br />
                                                服务中心:北京富力家园服务中心<br />

                                                <!--总楼栋数量:<a href="building.html" title="点击查看楼栋信息">15栋</a><br>
                        总住户数量:<a href="building_house" title="点击查看业主信息">1283户</a><br>-->
                                            </address>
                                            <div class="">
                                                <!--<a href="building_business.html" class="btn btn-primary btn-sm"><i class="fa fa-eye"></i>&nbsp;商业运营 </a>-->
                                                <a href="building_quality.html" class="btn btn-info btn-sm"><i class="fa fa-eye"></i>&nbsp;项目情况 </a>
                                                <a data-toggle="modal" href="buildings.html#modal-job" class="btn btn-warning btn-sm "><i class="fa fa-pencil"></i>&nbsp;修改项目 </a>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                    </a>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="contact-box">
                                    <a data-toggle="modal" href="buildings.html#modal-look" class="text-primary">
                                        <!--<div class="col-sm-3">
                    <div class="text-center">
                        <img alt="image" class="img-thumbnail img-responsive" src="img/building02.jpg" />
                        <div class="m-t-xs font-bold">北京富力城二期</div>
                    </div>
                </div>-->
                                        <div class="col-sm-9">
                                            <h3><strong>北京富力城二期</strong></h3>
                                            <p><i class="fa fa-map-marker text-success"></i>&nbsp;北京市朝阳区东三环中路63号楼21层</p>
                                            <address>
                                                项目经理:张三<br />
                                                公司名称:北京公司<br />
                                                服务中心:北京富力家园服务中心<br />

                                                <!--总楼栋数量:<a href="building.html" title="点击查看楼栋信息">15栋</a><br>
                        总住户数量:<a href="building_house" title="点击查看业主信息">1283户</a><br>-->
                                            </address>
                                            <div class="">
                                                <!--<a href="building_business.html" class="btn btn-primary btn-sm"><i class="fa fa-eye"></i>&nbsp;商业运营 </a>-->
                                                <a href="building_quality.html" class="btn btn-info btn-sm"><i class="fa fa-eye"></i>&nbsp;项目情况 </a>
                                                <a data-toggle="modal" href="buildings.html#modal-job" class="btn btn-warning btn-sm "><i class="fa fa-pencil"></i>&nbsp;修改项目 </a>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                    </a>
                                </div>
                            </div>

                        </div>

                    </div>

                </div>
            </div>
        </div>
    </div>

    <!--开发提示文字Start-->
    <div id="modal-remark" class="modal fade" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="well well-lg">
                        <h3>
                            页面操作说明：
                        </h3>
                        <ol>
                            <li>点击左侧组织机构树节点后，右侧动态加载对应的项目；如：选择北京公司右侧加载北京所有的项目</li>
                            <!--<li>点击“删除”链接时，提示“您确定要删除前期项目情况吗？”</li>-->
                            <li>点击“修改项目”按钮，打开修改项目基础信息页面</li>
                            <li>点击界面中项目信息文字，打开查看项目基础信息页面</li>
                            <!--<li>点击总楼栋数量后的文字链接时，跳转至查看该项目下的楼栋信息界面</li>
                            <li>点击总住户数量后的文字链接时，跳转至查看该项目下的住户信息界面</li>-->
                        </ol>
                        <h3>
                            导入规则说明：
                        </h3>
                        <ol>
                            <li>导入时根据公司名称、服务中心创建组织机构节点</li>
                            <li>导入时根据sheet表“1-前期项目概况”和“2-项目概况”中的公司名称+服务处名称+项目名称判断项目是否存在，如果存在导入时更新数据，否则新增项目数据</li>
                            <li>更多导入时的业务规则说明请见附件： <a href="attachment/quality/《北京公司08月物业工作月报》（9.12）.xlsx">《北京公司08月物业工作月报》（9.12）.xlsx</a></li>
                        </ol>
                        <h3>
                            业务规则说明：
                        </h3>
                        <ol>
                            <li>左侧组织机构显示3个层级，分别为：集团>地区公司>服务中心,所有的项目都必须挂靠在服务中心下，包括前期项目</li>
                            <li>项目基础信息在导入时进行创建，基础信息在所有表格中通用。比如：项目概况中和管理经营概况中的公司名称、服务中心都来自项目基础信息</li>
                            <li>新增数据时的填写说明请见附件： <a href="attachment/quality/《北京公司08月物业工作月报》（9.12）.xlsx">《北京公司08月物业工作月报》（9.12）.xlsx</a></li>
                            <!--<li>根据地区公司情况，服务中心可对应多个项目，一个项目只对应一个服务中心（如成都富力桃园，可分成富力桃园A区项目（富力桃园A区服务中心）、富力桃园BC区项目（富力桃园BC区服务中心）；</li>
                            <li>项目联系地址须包括市、区、街、单元号等信息；</li>
                            <li>“已接管建筑面积”指依据前期物业服务合同，地产已移交物业的各业态建筑面积之和，分期开发的项目须对应相应合同填写面积；如项目存在表格内要求填写之外的业态（写字楼、住宅、公寓、别墅、商铺），须在填写单元格中插入批注说明已接管建筑面积所涵盖的其它业态面积；</li>
                            <li>“收费面积”指项目当前收取管理费的建筑面积。该数值等于表3各类管理费收费面积之和；</li>
                            <li>“管理面积”指地产已移交的各类业态建筑面积，包括已收楼和未收楼的建筑面积；</li>-->
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--/开发提示文字End-->

    <!--查看项目-->
    <div class="modal fade" id="modal-look" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="width:1100px">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">查看项目</h5>
                </div>
                <div class="modal-body">
                    <table class="detailsMain table table-bordered">
                        <tbody>
                            <tr>
                                <td colspan="6">
                                    <h5>项目基本信息</h5>
                                </td>
                            </tr>
                            <tr>
                                <th>公司名称：</th>
                                <td>北京公司</td>
                                <th>服务中心：</th>
                                <td>北京富力家园服务中心</td>
                                <th>项目名称：</th>
                                <td>北京富力家园</td>
                            </tr>
                            <tr>
                                <th>项目联系地址：</th>
                                <td colspan="5">北京市朝阳区东三环中路63号楼21层</td>
                            </tr>
                            <tr>
                                <th>项目联系电话：</th>
                                <td colspan="5">010-89250106 010-89250108</td>
                            </tr>

                            <!--<tr>
                                <th>项目图片：</th>
                                <td colspan="5">
                                    <img src="img/building02.jpg" onerror="tdis.src = 'img/building02.jpg'; tdis.onerror = null;" alt="describe">
                                </td>
                            </tr>-->
                            <tr>
                                <th>开发商公司名称：</th>
                                <td colspan="6">北京富力城房地产开发有限公司</td>
                            </tr>
                        </tbody>
                    </table>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
    <!--/查看项目-->

    <!--导入项目信息-->
    <div class="modal fade" id="modal-import" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">导入项目</h5>
                </div>
                <div class="modal-body">
                    <table class="table table-hover table-border0 form-group-sm">
                        <tbody>
                            <tr>
                                <td class="text-right">第1步,下载模板:</td>
                                <td colspan="3" width="80%">
                                    <a href="attachment/quality/《北京公司08月物业工作月报》（9.12）.xlsx" class="btn btn-primary btn-sm"><i class="fa fa-pencil"></i>&nbsp;下载模板 </a>
                                    提示：下载完成后根据模板要求进行数据填写
                                </td>

                            </tr>
                            <tr>
                                <td class="text-right">第2步,选择文件:</td>
                                <td colspan="3">
                                    您当前选择的文件为：《北京公司08月物业工作月报》（9.12）.xlsx
                                    <div class="filt_box">
                                        <button class="btn btn-success btn-sm"><i class="fa fa-arrow-up"></i>&nbsp;选择文件</button>
                                        <input type="file" class="upload-pic" name="picture" id="picture">
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">第3步,开始导入:</td>
                                <td colspan="3">
                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-pencil"></i>&nbsp;开始导入 </a>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">第4步,查看结果:</td>
                                <td colspan="3">
                                    总行数：19 导入成功：10 失败：9 <br />
                                    失败数据及原因请下载文件：<a href="attachment/quality/《北京公司08月物业工作月报》（9.12）.xlsx">导入失败数据及原因.xlsx </a>

                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary demo2">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!--/导入项目信息-->

    <!--创建项目-->
    <div class="modal fade" id="modal-create" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">创建新项目</h5>
                </div>
                <div class="modal-body">
                    <table class="table table-hover table-border0 form-group-sm">
                        <tbody>
                            <tr>
                                <td colspan="4">
                                    <h5 style="padding: 10px; background: #f8f8f8;">项目基本信息</h5>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">公司名称：</td>
                                <td>b129</td>
                                <td class="text-right">项目图片：</td>
                                <td>
                                    <div class="filt_box">
                                        <button class="btn btn-success btn-sm"><i class="fa fa-arrow-up"></i>&nbsp;上传图片</button>
                                        <input type="file" class="upload-pic" name="picture" id="picture">
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right"><span class="text-danger">* </span>项目名称：</td>
                                <td><input type="text" class="form-control" value=""></td>
                                <td class="text-right">开盘时间：</td>
                                <td><input class="laydate-icon form-control layer-date" placeholder="YYYY-MM-DD hh:mm:ss" onclick="laydate({ istime: true, format: 'YYYY-MM-DD hh:mm:ss' })"></td>
                            </tr>
                            <tr>
                                <td class="text-right">占地面积：</td>
                                <td><div class="input-group"><input type="text" class="form-control"> <span class="input-group-addon">㎡</span></div></td>
                                <td class="text-right">建筑面积：</td>
                                <td><div class="input-group"><input type="text" class="form-control"> <span class="input-group-addon">㎡</span></div></td>
                            </tr>
                            <tr>
                                <td class="text-right">绿化面积：</td>
                                <td><div class="input-group"><input type="text" class="form-control"> <span class="input-group-addon">㎡</span></div></td>
                            </tr>
                            <tr>
                                <td class="text-right"><span class="text-danger">* </span>项目地址：</td>
                                <td colspan="3">
                                    <select class="select-inline">
                                        <option value="">请选择城市</option>
                                        <option value="1">北京</option>
                                        <option value="2">上海</option>
                                        <option value="3">广州</option>
                                        <option value="4">深圳</option>
                                        <option value="11">河北</option>
                                        <option value="12">天津</option>
                                        <option value="14">中山</option>
                                    </select>
                                    <select class="select-inline">
                                        <option value="">请选择区域</option>
                                    </select>
                                    <input type="text" class="form-control input-sm input-group" style="width:446px;" value="输入详细地址">
                                </td>
                            </tr>
                            <tr>
                                <td colspan="4">
                                    <h5 style="padding: 10px; background: #f8f8f8;">物业公司信息</h5>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right"><span class="text-danger">* </span>物业公司：</td>
                                <td>
                                    <select class="form-control">
                                        <option value="1" selected="">北京恒富物业服务有限公司</option>
                                    </select>
                                </td>
                                <td class="text-right"><span class="text-danger">* </span>管理处：</td>
                                <td>
                                    <select class="form-control">
                                        <option value="0">请选择</option>
                                        <option value="10" data-linkman="张凡荣" data-tel="010-58766899" data-address="北京市朝阳区广渠门外大街1号院A8楼地下1层">富力家园第一管理处</option>
                                        <option value="22" data-linkman="徐景松" data-tel="010-58766899" data-address="北京市朝阳区广渠门外大街5号院D23~D26楼地下1层">富力家园第二管理处</option>
                                        <option value="23" data-linkman="马建军" data-tel="010-58766899" data-address="北京市朝阳区东三环中路55号富力双子座B座1层">写字楼管理处</option>
                                        <option value="24" data-linkman="孔令萱" data-tel="010-58766899" data-address="北京市朝阳区广渠门外大街7号院E27楼地下二层">富力公馆管理处</option>
                                        <option value="25" data-linkman="唐瑞花" data-tel="010-58766899" data-address="北京市朝阳区白家庄路1号院A2楼E座地下2层">爱丁堡管理处</option>
                                        <option value="26" data-linkman="李鹏" data-tel="010-" data-address="北京市朝阳区豆各庄乡黄厂南里大鲁店北路1号院A9楼地下1层">又一城A区管理处</option>
                                        <option value="27" data-linkman="李鹏" data-tel="010-" data-address="北京市朝阳区豆各庄乡大鲁店北路黄厂南里2号院B10楼">富力又一城B区管理处</option>
                                        <option value="28" data-linkman="李志宏" data-tel="010-" data-address="北京市海淀区西三旗建材城东里富力桃园小区B19单元地下1层">富力桃园管理处</option>
                                        <option value="29" data-linkman="陈维" data-tel="010-" data-address="北京市顺义区马坡镇顺安南路12号院会所地下1层">富力湾管理处</option>
                                        <option value="30" data-linkman="陈志茂" data-tel="010-" data-address="朝阳区常营中路2号院">阳光美园管理处</option>
                                        <option value="31" data-linkman="吴迅" data-tel="010-" data-address="北京市大兴区庞各庄瓜乡桥向西500米">丹麦小镇管理处</option>
                                        <option value="35" data-linkman="暂无" data-tel="暂无" data-address="北京朝阳区">富力家园管理处</option>
                                        <option value="36" data-linkman="黄宣" data-tel="13681230456" data-address="河北省廊坊市香河县蒋辛屯镇大香线东侧">北京恒富物业服务有限公司香河分公司</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">负责人：</td>
                                <td>黄宣</td>
                                <td class="text-right">联系电话：</td>
                                <td>13681230456</td>
                            </tr>
                            <tr>
                                <td class="text-right">管理处：</td>
                                <td colspan="3">河北省廊坊市香河县蒋辛屯镇大香线东侧</td>
                            </tr>

                            <tr>
                                <td colspan="4">
                                    <h5 style="padding: 10px; background: #f8f8f8;">开发商公司信息</h5>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right"><span class="text-danger">* </span>开发商：</td>
                                <td>
                                    <input type="text" class="form-control" value="">
                                </td>
                                <td class="text-right"><span class="text-danger">* </span>负责人：</td>
                                <td>
                                    <input type="text" class="form-control" value="">
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right"><span class="text-danger">* </span>联系人：</td>
                                <td>
                                    <input type="text" class="form-control" value="">
                                </td>
                                <td class="text-right"><span class="text-danger">* </span>手机号码：</td>
                                <td>
                                    <input type="text" class="form-control" value="">
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">联系地址：</td>
                                <td colspan="3">
                                    <input type="text" class="form-control" value="">
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary demo2">保存</button>
                </div>
            </div>
        </div>
    </div>
    <!--/创建项目-->

    <!--修改项目基本信息-->
    <div class="modal fade" id="modal-job" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog" style="width:1100px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">修改项目基本信息</h5>
                </div>
                <div class="modal-body">
                    <table class="detailsMain table table-bordered">
                        <tbody>                            
                            <tr>
                                <th>公司名称：</th>
                                <td>北京公司</td>
                                <th>服务中心：</th>
                                <td>北京富力家园服务中心</td>
                                <th>项目名称：</th>
                                <td>北京富力家园</td>
                            </tr>
                            <!--<tr>
                                <th class="text-right"><span class="text-danger">* </span>项目联系地址：</th>
                                <td colspan="3">
                                    <select class="select-inline">
                                        <option value="">请选择城市</option>
                                        <option value="1">北京</option>
                                        <option value="2">上海</option>
                                        <option value="3">广州</option>
                                        <option value="4">深圳</option>
                                        <option value="11">河北</option>
                                        <option value="12">天津</option>
                                        <option value="14">中山</option>
                                    </select>
                                    <select class="select-inline">
                                        <option value="">请选择区域</option>
                                    </select>
                                    <input type="text" class="form-control" value="北京市朝阳区东三环中路63号楼21层">
                                </td>
                            </tr>-->
                            <tr>
                                <th><span class="text-danger">* </span>项目联系地址：</th>
                                <td colspan="5"><input type="text" class="form-control" value="北京市朝阳区东三环中路63号楼21层"></td>
                            </tr>
                            <tr>
                                <th><span class="text-danger">* </span>项目联系电话：</th>
                                <td colspan="5"><input type="text" class="form-control" value="010-89250106 010-89250108"></td>
                            </tr>
                            <tr>
                                <th><span class="text-danger">* </span>开发商公司名称：</th>
                                <td colspan="6"><input type="text" class="form-control" value="北京富力城房地产开发有限公司"></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary demo2">保存</button>
                </div>
            </div>
        </div>
    </div>
    <!--/修改项目基本信息-->
    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>

    <!-- jsTree plugin javascript -->
    <script src="js/plugins/jsTree/jstree.min.js"></script>

    <style>
        .jstree-open > .jstree-anchor > .fa-folder:before {
            content: "\f07c";
        }

        .jstree-default .jstree-icon.none {
            width: 0;
        }
    </style>
    <!--控制页面树元素-->
    <script>
        $(document).ready(function () {
            function demo_rename() {
                var ref = $('#jstree2').jstree(true),
                    sel = ref.get_selected();
                if (!sel.length) { return false; }
                sel = sel[0];
                ref.edit(sel);
            };
            $('#jstree2').jstree({
                'core': {
                    'check_callback': true
                },
                'plugins': ['types', 'dnd'],
                'types': {
                    'default': {
                        'icon': 'fa fa-folder'
                    },
                    'html': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'svg': {
                        'icon': 'fa fa-file-picture-o'
                    },
                    'css': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'img': {
                        'icon': 'fa fa-file-image-o'
                    },
                    'son': {
                        'icon': 'fa fa-file-text-o'
                    }

                }
            });
        });


    </script>
    <script>
        $(document).ready(function () {
            function demo_rename() {
                var ref = $('#jstree3').jstree(true),
                    sel = ref.get_selected();
                if (!sel.length) { return false; }
                sel = sel[0];
                ref.edit(sel);
            };
            $('#jstree3').jstree({
                'core': {
                    'check_callback': true
                },
                'plugins': ['types', 'dnd'],
                'types': {
                    'default': {
                        'icon': 'fa fa-folder'
                    },
                    'html': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'svg': {
                        'icon': 'fa fa-file-picture-o'
                    },
                    'css': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'img': {
                        'icon': 'fa fa-file-image-o'
                    },
                    'son': {
                        'icon': 'fa fa-file-text-o'
                    }

                }
            });
        });


    </script>
    <!-- 自定义js -->
    <script src="js/content.js?v=1.0.0"></script>
    <script type="text/javascript">
        //--动画效果--
        $(document).ready(function () {
            $('.contact-box').each(function () {
                animationHover(this, 'pulse');
            });
        });
    </script>
    <!-- Sweet alert -->
    <script src="js/plugins/sweetalert/sweetalert.min.js"></script>
    <script>
        //-- 保存成功弹框--
        $('.demo2').click(function () {
            swal({
                title: "保存成功！",
                type: "success"
            });
        });
    </script>
</body>

</html>
